<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>CSS Test: unicode-bidi: bidi-override in alt text</title>
    <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
    <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
    <meta name="assert" content="If alt text is not treated as replaced content, then unicode-bidi applies to image alt text."/>
    <style type="text/css">* { margin: 0; padding: 0 }<![CDATA[
      .rtol {
        direction: rtl;
        unicode-bidi: bidi-override;
      }
      img {
        color:blue;
        width: 0; /* If alt text is treated as replaced content, then this makes it invisible. */
                  /* (The rendering of replaced content is out-of-scope for CSS.) */
        display: inline;
      }
    ]]></style>
  </head>
  
  <body>
    
    <p>The three lines below should be <strong>identical</strong>.</p>
    
    <p>Three lines of <img src="" alt="readable" width="0"/> text</p>
    <p>Three lines of <span class="rtol"><img src="" alt="elbadaer" width="0"/></span> text</p>
    <p>Three lines of <img src="" alt="elbadaer" class="rtol" width="0"/> text</p>

  </body>
</html>
